<template>
    <a href="http://report.12377.cn:13225/toreportinputNormal_anis.do" class="bui-box report" target="_blank">
        <div class="bui-left img-holder">
            <img src="//s3a.pstatp.com/toutiao/resource/ntoutiao_web/static/image/other/report_logo_15cc24e.png" alt="">
        </div>
        <div class="bui-left info">
            <p class="title">网上有害信息举报专区</p>
            <p class="tel">举报电话：12377</p>
        </div>
    </a>
</template>

<style lang="less">
    .report {
        display: block;
        padding: 12px 22px;
        background-color: #F4F5F6;
        margin: 16px 0;

        .img-holder {
            width: 57px;
            height: 50px;
            >img {
                width: 100%;
                height: 100%;
            }
        }
        .info {
            margin-top: 4px;
            margin-left: 15px;
            .title {
                font-size: 18px;
                color: #222;
                margin-bottom: 8px;
            }
            .tel {
                font-size: 14px;
                color: #777;
            }
        }
    }
</style>

<script>
  export default {
    name: 'Report'
  }
</script>
